音频海报-防误触
1、添加素材
点击素材-音频,选择【音频海报-防误触】素材,添加到编辑区域,或直接搜索【音频海报-防误触】素材添加到编辑区域。
2、复制音频代码
打开微信公众号平台,在【多媒体素材】-【音频】中添加并上传需要添加的本地音频素材
新建一篇图文,点击上方【音频】按钮,将刚刚上传的音频添加到文章正文中,完善标题并上传好封面图后保存
从公众号图文素材中点击这篇文章的标题,进入文章的临时预览页面,按F12键,或者点击鼠标右键,选择【检查】,调出网页代码
点击代码区域左上方的选择按钮,再点击页面选中音频所在区域,该区域所对应的代码也会同时被选中
找到以"<mpvoice"开头的代码,在代码上单击右键,选择【Edit as HTML】,全选编辑框中的代码并复制
3、将复制的音频代码粘贴到svg编辑页面【音频代码】下的输入框
4、在编辑页面找到【添加图片】按钮,点击为样式上传封面图
注意:音频海报图片部分的宽度不限定,自适应屏幕全屏显示
5、鼠标拖动红色方框,可调整触发播放区域的位置和大小
注意:红色触发区域的大小比例为固定的
触发区域以外的位置点击不响应
6、制作好SVG效果点击【保存】即可。可以通过右上方点击【同步】或【导出】功能,保存到微信公众号平台并预览发布